<template>
  <div class="app-container home">
    <div class="icon">
      <img :src="icon" />
    </div>
    <div class="title">欢迎使用{{ title }}</div>
  </div>
</template>

<script>
export default {
  name: "Index",
  data() {
    return {
      icon: require("@/assets/images/admin_icon.svg"),
      title: "",
    };
  },
  created() {
    this.title = process.env.VUE_APP_TITLE;
  },
  methods: {},
};
</script>

<style scoped lang="scss">
.home {
  display: flex;
  flex-flow: column;
  align-items: center;

  .icon {
    margin-top: 20vh;
  }

  .title {
    font-size: 36px;
    margin-top: 6vh;
    color: white;
  }
}
</style>
